@charset "UTF-8";
/*清除浮动*/
/* 弹性盒模型 */
/* 弹性盒子元素单位空间 */
/* 弹性盒 垂直居中（主轴x） */
/* 弹性盒 水平居中（主轴x） */
/*
* 响应式宏
* 调用方法：@include respond-to(4) { ... }
*/
/* YUI 3.18.1 */
/* line 3, ../../sass/public/common/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 9, ../../sass/public/common/_reset.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 14, ../../sass/public/common/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 19, ../../sass/public/common/_reset.scss */
fieldset, img {
  border: 0;
}

/* line 23, ../../sass/public/common/_reset.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 28, ../../sass/public/common/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 32, ../../sass/public/common/_reset.scss */
caption, th {
  text-align: left;
}

/* line 36, ../../sass/public/common/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 41, ../../sass/public/common/_reset.scss */
q:before, q:after {
  content: "";
}

/* line 45, ../../sass/public/common/_reset.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 50, ../../sass/public/common/_reset.scss */
sup {
  vertical-align: text-top;
}

/* line 54, ../../sass/public/common/_reset.scss */
sub {
  vertical-align: text-bottom;
}

/* line 58, ../../sass/public/common/_reset.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: 0;
  *font-size: 100%;
}

/* line 66, ../../sass/public/common/_reset.scss */
legend {
  color: #000;
}

/* line 2, ../../sass/public/common/_layout.scss */
html, body {
  font-family: Arial, Helvetica, 'Microsoft Yahei';
}

/* line 6, ../../sass/public/common/_layout.scss */
html {
  height: 100%;
  font-size: 14px;
}

/* line 11, ../../sass/public/common/_layout.scss */
body {
  height: 100%;
  background: #020202;
  color: rgba(0, 0, 0, 0.87);
  -webkit-text-size-adjust: none;
}

/* line 17, ../../sass/public/common/_layout.scss */
.wrapper {
  position: relative;
  box-sizing: border-box;
}

/* line 21, ../../sass/public/common/_layout.scss */
a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
/* line 24, ../../sass/public/common/_layout.scss */
a:visited {
  color: rgba(0, 0, 0, 0.54);
}
/* line 27, ../../sass/public/common/_layout.scss */
a:hover, a:active {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 34, ../../sass/public/common/_layout.scss */
input {
  outline: 0;
  -webkit-appearance: none;
}

/* line 39, ../../sass/public/common/_layout.scss */
.hide {
  display: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("./../../fonts/icomoon.eot?7lc3w");
  src: url("./../../fonts/icomoon.eot?7lc3w#iefix") format("embedded-opentype"), url("./../../fonts/icomoon.ttf?7lc3w") format("truetype"), url("./../../fonts/icomoon.woff?7lc3w") format("woff"), url("./../../fonts/icomoon.svg?7lc3w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 13, ../../sass/public/common/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 28, ../../sass/public/common/_fonts.scss */
.icon-play:before {
  content: "\e900";
}

/* line 31, ../../sass/public/common/_fonts.scss */
.icon-zan:before {
  content: "\e909";
}

/* line 34, ../../sass/public/common/_fonts.scss */
.icon-down:before {
  content: "\e90a";
}

/* line 9, ../../sass/public/common.scss */
body {
  background-color: #f1e0ed;
}

/* line 13, ../../sass/public/common.scss */
.clearfix {
  zoom: 1;
}
/* line 15, ../../sass/public/common.scss */
.clearfix:after {
  display: block;
  content: "";
  clear: both;
  overflow: hidden;
}

/* line 23, ../../sass/public/common.scss */
.footer {
  font-size: .27rem;
  color: #808181;
  text-align: center;
  padding: .4rem 0;
  background-color: #000;
}

/* line 32, ../../sass/public/common.scss */
.wx img {
  display: block;
}

/* line 37, ../../sass/public/common.scss */
.video_window {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  z-index: 999;
}
/* line 45, ../../sass/public/common.scss */
.video_window .window_box {
  width: 100%;
  height: 6.67rem;
  position: relative;
  top: 50%;
  margin-top: -3.3rem;
}
/* line 51, ../../sass/public/common.scss */
.video_window .window_box video {
  position: absolute;
  left: 50%;
  margin-left: -47%;
  width: 94%;
  height: 6.64rem;
  background: #000;
}
/* line 59, ../../sass/public/common.scss */
.video_window .window_box .close {
  width: .67rem;
  height: .67rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: .67rem;
  text-align: center;
  display: block;
  position: absolute;
  top: -.93rem;
  right: .27rem;
}

/* line 75, ../../sass/public/common.scss */
* {
  -webkit-transform: all 1s;
  transform: all 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 116, ../../sass/public/common.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 147, ../../sass/public/common.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 178, ../../sass/public/common.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-transform: all .5s;
  transform: all .5s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
